﻿@model IEnumerable<QuanLyGiaoVuDAL.DTO.LopSinhVienDTO>
@{
    Layout = "~/Views/Shared/_blueWhaleLayout.cshtml";
}

<style>
    .lopGoc {
        background: #ABABAB;
    }

</style>

@{Html.RenderPartial("LopMonHocMenuPartial");}

<div id="main" class="grid_10">
    <!--  start page-heading -->

    <div id="page-heading" class="box round first grid">
        <h2>Chương trình khung đào tạo</h2>
    <!-- end page-heading -->

    <div class="block">
        @Html.DropDownList("LopSinhVien", new SelectList(Model, "MaLop", "TenLop"))
        <input type="button" value="Thêm môn học" id="btnThemMonHoc" />
        <div id="monHocGrid">
        </div>
    </div>
</div>
</div>

<div class="clear">&nbsp;</div>
<div id="themMonHocChuongTrinhKhungDialog"></div>

<script>
    $(document).ready(function () {
        LoadDSMonHoc($("#LopSinhVien").val());

        $("#LopSinhVien").bind("change", function () {
            LoadDSMonHoc($(this).val());
        });

        $("#btnThemMonHoc").bind("click", function () {
            ThemMonHocCTK($("#LopSinhVien").val());
        });
    });

    function Xoa(id) {
        if (confirm("Chắc chắn xóa thông tin môn học này?")) {
            $("#monHocId").val(id);
            document.forms[0].submit();
        }
    }

    function XoaDanhSach() {
        if (confirm("Chắc chắn xóa thông tin những môn học này?")) {
            document.forms['xoadanhsach'].submit();
        }
    }

    function LoadDSMonHoc(maLop) {
        $("#monHocGrid").load("/MonHoc/LayDanhSachMonHocTheoLopSinhVien?maLop=" + maLop);
    }

    function ThemMonHocCTK(maLop){
        $("#themMonHocChuongTrinhKhungDialog").load("/MonHoc/ThemMonChuongTrinhKhung?maLop=" + maLop).dialog({
            width: 500,
            height: 300,
            title: "Thêm môn học vào chương trình khung",
            buttons: {
                "Thêm": function () {
                    ThemMonChuongTrinhKhung.SubmitForm();
                },
                "Hủy": function () {
                    $("#themMonHocChuongTrinhKhungDialog").dialog("close");
                }
            }
        });
    }
</script>
